<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>报送详情</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../public/res/css/g.css" media="all">
		<link rel="stylesheet" href="../../public/res/css/m.css" media="all">
	</head>
	<body>
		<div class="layui-fluid">
			<div  style="padding: 15px;">
				<div class="layui-row layui-col-space5">
					<div class="layui-col-md5">
						<div class="layui-row  grid-demo">
							<div class="layui-col-md12">
								<div class="grid-demo grid-demo-bg3">
									<div class="layui-card">
										<div class="layui-card-header">
											<span>报送详情</span>
											<div class="layui-btn-group" style="float: right;">
    											<button class="layui-btn layui-btn-sm" title="刷新"><i class="zkuasgm-icon">&#xe672;</i></button>
    											<button class="layui-btn layui-btn-sm" title="返回"><i class="zkuasgm-icon">&#xe64e;</i></button>
											</div>
										</div>
										<div class="layui-card-body mForm">
											<div class="layui-row">
												<div class="layui-col-md12">
													<span class="fHd">报警人：</span><span class="color-org">综合网格员10001</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">报送时间：</span><span>2018-12-29 15:40:01</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">报送内容：</span><span>求救求救求救求救求救</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">资源详情：</span><span class="attaLink" target-event="info">资源详情查看</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">报警人：</span><span class="color-org">综合网格员10001</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">录音附件：</span><span class="attaLink">录音文件录音文件.mp3</span>
												</div>
												<div class="layui-col-md12">
													<span class="fHd">视频附件：</span><span class="attaLink">视频文件视频文件.mp4</span>
												</div>
												<div class="layui-col-md12">
													<div class="layui-row">
														<div class="layui-col-md3">
															<span class="fHd">现场照片：</span>
														</div>
														<div class="layui-col-md9 mimg">
															<div class="layui-row layui-col-space5">
																<div class="layui-col-md4">
																	<img src="../../public/res/images/mir1.jpeg"/>
																</div>
																<div class="layui-col-md4">
																	<img src="../../public/res/images/mir2.jpeg"/>
																</div>
																<div class="layui-col-md4">
																	<img src="../../public/res/images/mir3.jpg"/>
																</div>
																<div class="layui-col-md4">
																	<img src="../../public/res/images/mir4.jpg"/>
																</div>
																<div class="layui-col-md4">
																	<img src="../../public/res/images/mir5.jpg"/>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md7">
						<div class="grid-demo">
							<div class="grid-demo grid-demo-bg3">
								<div class="layui-card">
									<div class="layui-card-header">地图显示</div>
									<div class="layui-card-body">
										<img src="../../public/res/images/hengqin/grid.png" width="100%"/>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<section class="mhide" id="infoTpml">
			<div class="layui-form">
			  <table class="layui-table">
			    <colgroup>
			      <col>
			      <col>
			      <col>
			      <col>
			      <col>
			      <col>
			      <col>
			    </colgroup>
			    <thead>
			      <tr>
			        <th>序号</th>
			        <th>网格员名称</th>
			        <th>电话号码</th>
			        <th>签收状态</th>
			        <th>签收时间</th>
			        <th>处理完成时间</th>
			        <th>操作</th>
			      </tr> 
			    </thead>
			    <tbody>
			      <tr>
			        <td>1</td>
			        <td>综合网格员1002</td>
			        <td>1381111111</td>
			        <td>已签收</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>
			        	<button class="layui-btn layui-btn-xs">查看</button>
			        </td>
			      </tr>
			      <tr>
			        <td>2</td>
			        <td>消防大队</td>
			        <td>18300104546</td>
			        <td>未签收</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>
			        	<button class="layui-btn layui-btn-xs">查看</button>
			        </td>
			      </tr>
			      <tr>
			        <td>3</td>
			        <td>城管一号</td>
			        <td>132468792</td>
			        <td>未签收</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>2018-12-29 15:40:32</td>
			        <td>
			        	<button class="layui-btn layui-btn-xs">查看</button>
			        </td>
			      </tr>
			    </tbody>
			  </table>
			</div>
		</section>
	</body>
	<script src="../../layuiadmin/layui/layui.js"></script> 
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script>
		layui.use(['element','layer'], function(){
			var $ = layui.jquery
  			,element = layui.element
  			,layer = layui.layer;
  			
  			$('[target-event="info"]').click(function(){
  				var tableTmpl=$('#infoTpml').html();
  				layer.open({
				  type: 1,
				  skin: 'layui-layer-rim', //加上边框
				  area: ['720px', '440px'], //宽高
				  content: tableTmpl
				});
  			});
  			
  			
  			
		});
	</script>
</html>
